<template>
  <div class="home-menu-list">
    <router-link id="productHome" to="/devList">
    <div class="home-menu-box">
      <img class="box-logo" src="../../assets/img/home/Detail.png">
      <span>设备详情</span>
      <img class="direct" src="../../assets/img/home/direct.png">
    </div>
    </router-link>
<!--    <router-link id="bindDev" to="/bindDev">
    <div class="home-menu-box">
      <img class="box-logo" src="../../assets/img/home/controll.png">
      <span>设备绑定</span>
      <img class="direct" src="../../assets/img/home/direct.png">
    </div>
    </router-link>-->
    <router-link id="address" to="/address/add">
    <div class="home-menu-box">
      <img class="box-logo" src="../../assets/img/home/address.png">
      <span>投放地址</span>
      <img class="direct" src="../../assets/img/home/direct.png">
    </div>
    </router-link>
    <router-link to="/store">
    <div class="home-menu-box line">
      <img class="box-logo-2" src="../../assets/img/home/store.png">
      <span>流量商城</span>
      <img class="direct" src="../../assets/img/home/direct.png">
    </div>
    </router-link>
    <router-link id="orderList" to="/orderList">
    <div class="home-menu-box">
      <img class="box-logo-2" src="../../assets/img/home/payList.png">
      <span>充值记录</span>
      <img class="direct" src="../../assets/img/home/direct.png">
    </div>
    </router-link>
    <router-link to="/flowChart">
   <div class="home-menu-box">
      <img class="box-logo-2" src="../../assets/img/home/chart.png">
      <span>流量报表</span>
      <img class="direct" src="../../assets/img/home/direct.png">
    </div>
    </router-link>
  </div>
</template>

<script>
export default {
  name: 'menu',
  data () {
    return {
      // menuList:[]
    }
  }

}
</script>

<style scoped>
  .home-menu-list{
    margin-top: 0.24rem;
  /*  box-shadow: 0 0 0.5rem 0.2rem rgba(185, 187, 188, 0.2);*/
    width: 100%;
    min-height: 0.95rem;
  }
  .home-menu-box{
    height: 0.95rem;
    line-height: 0.95rem;
    vertical-align: middle;
    color: #505050;
    background-color: #fff;
    font-size: 0.3rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    border-bottom: solid 1px #e4e5e6;
  }

  .home-menu-box span{
    padding-left: 0.38rem;
  }
  .box-logo{
    width: 0.43rem;
    height: 0.43rem;
    vertical-align: center
  }
  .box-logo-2 {
    width: 0.45rem;
    height: 0.54rem;
    vertical-align: center;
  }
  .direct{
    width: 0.17rem;
    height: 0.31rem;
    line-height: 0.95rem;
    margin-top: 0.29rem;
    float: right;
  }
  .line{
    margin-top: 0.2rem;
  }
</style>
